<template>
  <!--风险分类与催收员映射-->
  <Card class="fxflycsyys page-fill" style="height:900px">
    <div class="table-data" style="">
      <table>
        <tr>
          <td>催收员风险分类</td>
          <td>催收员</td>
          <td>更新人</td>
          <td>更新时间</td>
          <td>操作</td>
        </tr>
        <tr>
          <td rowspan="2">1-7天催收队列</td>
          <td>tegfsd</td>
          <td>sfdsf</td>
          <td>2017-07-03 13:56:46</td>
          <td rowspan="2">
            <div>
              <v-button type="primary" size="small" @on-click="handleRouteGo(path+'editor?type=1')">编辑</v-button>
              <v-button type="green" size="small">删除</v-button>
            </div>
          </td>
        </tr>
        <tr>
          <td>tegfsd</td>
          <td>sfdsf</td>
          <td>2017-07-03 13:56:46</td>
        </tr>

        <tr>
          <td>8-30天催收队列</td>
          <td>tegfsd</td>
          <td>sfdsf</td>
          <td>2017-07-03 13:56:46</td>
          <td>
            <div>
              <v-button type="primary" size="small" @on-click="handleRouteGo(path+'editor?type=1')">编辑</v-button>
              <v-button type="green" size="small">删除</v-button>
            </div>
          </td>
        </tr>
      </table>
      <div class="bottom-container">
        <div class="left-bottom-form">
          <v-form inline>
            <v-form-item>
              <v-button size="small" type="primary" @on-click="handleRouteGo(path+'editor?type=0')">新建</v-button>
            </v-form-item>
          </v-form>
        </div>
      </div>
    </div>
    <div class="pagi-box">
      <v-pagination :total="total2" :current-page="currentPage2" :page-size="pageSize2" @on-page-change="handlePageChange2">
      </v-pagination>
    </div>
  </Card>
</template>

<script>
export default {
  data () {
    return {
      gdh: '',
      currentSelect: '',
      path: this.$route.path,
      optionsData: [
        {
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }
      ],
      total2: 1200,
      currentPage2: 1,
      pageSize2: 20
    }
  },
  methods: {
    handlePageChange2 (index) {
      this.currentPage2 = index
    },
    handleRouteGo (pathName) {
      this.$router.push(pathName)
    }
  }
}
</script>

<style lang="less">
.fxflycsyys {
  table {
    border-collapse: collapse;
    tr {
      height: 40px;
      &:nth-of-type(2n-1) {
        background-color: #f9f9f9;
      }
    }
    td {
      text-align: center;
      font-size: 14px;
      color: #666;
    }
  }
}
</style>
